<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"
    />
        <title></title>
        
       <style type="text/css">
        	body {

            background: hsl(340,100,97,1)
            background-size:cover;
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            margin: auto;
           
            }
        </style>

        
        <style type="text/css">
            {
                margin: 10;
                padding: 0;
            }
            
            body,
            html {
                height: 100%;
                font: 20px/40px "microsoft yahei";
                color: black;
            }
            
            #container {
                width: 95%;
                margin: 0 auto;
                height: 300%;
            }
            
            #header,
             {
                height: 12.5%;
                background:black ;
            }
            
            #main {
                height: 100%;
            }
            
            #center,
            {
                height: 100%;
                float: left;
                background: hsl(340,100,97,o.5);
            }
            
            #center {
                width: 100%;
                background:white;
            }
            
           
            
            #main-inner {
                padding-left: 13%;
                padding-right: 13%;
                padding-top: 3%;
            }
        </style>
    <head>
    	
    <body>
    	<div id="container">
            <div id="header">
               
            </div>
            <div id="main">
            	
                <div id="center">
                    <div id="main-inner">
                        <h1><center>个人信息泡与交互设计：同温层怎透气</center></h1>
                        </br>
                        <h4>提出疑问：你是否也存在这样的疑问，为什么某些购物软件会知道我需要的东西并总是给我推荐相关的商品？为什么浏览器推送到文章和信息都是我感兴趣的？为什么越来越多的网站总能捉住我的兴趣？难道这只是巧合吗？</h4>
                    	<h2 class="name">伊莱·帕里泽：当心网上“过滤气泡”Filter bubble </h2>
                        <h4 class="info-job">但是这种运用信息过滤器为我们打造的个性化定制也同样存在着很大的弊端。这种过滤气泡使我们的视角变得狭小，让我们原本就不感兴趣的事物离我们渐行渐远。因此我们对某些事情的看法会变得更偏激，不宽容。在具体某方面来说，例如政治，美国的保守党和自由党的分歧就会越来越大，两极分化也会越来越严重。</h4>
                         <img src="http://cdn.k618img.cn/news.k618.cn/roll/201709/W020170906523703936680.jpeg"  alt="被各大网站包围的你" height="400" width="600"/>
                        <br />
                        <h2>乔治亚·卢皮：如何在数据中找到自己Data humanism </h2>
                        <h4>其实购物网站和浏览器如此了解我们，都是因为我们在有意无意的在向它们透露出我们的个人信息。我们在使用网站时，留下的浏览记录就是网站了解我们的重要途径。这就是大多数网站都在推行的新运营方式——个性化定制。个性化定制给予了网民生活很大的便利。网站能直接帮我们过滤不必要的信息，让我们直接与所需要的信息面对面，提高了我们筛选信息的效率。</h4>
                        <img src="http://www.199it.com/wp-content/uploads/2014/10/012.jpg"  alt="过虑气泡" />
                        </br>
                        <a href="https://www.jianshu.com/p/990e17415181">当心网上的过虑气泡</a>
                        <br />
                        <h2>Eric Berlow 和 Sean Gourley：图示值得传播的思想 </h2>
                        <h4>因此，我们要适当的打破过滤气泡，接受某些我们原来从未接触过的事物和观点。即使政见不一，也能平等的交流观点，促进团体合作和共同发展。打破过滤气泡，于国家，于个人都意义非凡。于国家，国家间打破政见差异，促进国际交流与合作。于个人，能扩宽我们认知世界的视角，促进个性解放，包容个性，收获更多思想各异的朋友</h4>
                        <a href="http://m.sohu.com/a/297511102_700645">“戳掉你的泡泡” ——算法推荐时代“过滤气泡”的形成及消解</a>
                        <HR align=center width=10000 color=#987cb9 SIZE=2>
    </body>
</html>
